<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统界面</title>
<link href="_main.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
var isHide = false;
$(function(){
	$(".subTreeTable td").bind("mouseover",function(){
		$(this).removeClass("mouseOutClass");
		$(this).addClass("mouseOverClass");
	});
	
	$(".subTreeTable td").bind("mouseout",function(){
		$(this).removeClass("mouseOverClass");
		$(this).addClass("mouseOutClass");
	});
	
	$(".center_control").bind("click",function(){
	
		if(isHide == false){
			$("#leftT").hide();
			isHide = true;
			$("#center_control_img").attr("src","image/index_center_control1.jpg");
		}else{
			$("#leftT").show();
			isHide = false;
			$("#center_control_img").attr("src","image/index_center_control.jpg");
		}
	});
	
	for(var i = 1; i <=2; i++){
		$(".left_treeControl" + i).attr("src","image/left_tree_close.gif");
		$(".left_treeControl" + i).bind("click",function(){
			var indexNum = $(this).attr("class").substring($(this).attr("class").length-1,$(this).attr("class").length);
			if($(this).attr("src").indexOf("open") != -1){
				closeAll();
				$(this).attr("src","image/left_tree_close.gif");
				$(".left_tree" + indexNum).show();
			}else{
				
				$(this).attr("src","image/left_tree_open.gif");
				$(".left_tree" + indexNum).hide();
			}
		})
	}
	
	
	
});
$(function(){
	closeAll();
	$(".left_treeControl" + 1).attr("src","image/left_tree_close.gif");

	$(".left_tree1").show();
			
		
});

function closeAll(){
	for(var i = 1; i <=2; i++){
		$(".left_treeControl" + i).attr("src","image/left_tree_open.gif");
		$(".left_tree" + i).hide();
	}
}
</script>

</head>

<body STYLE='OVERFLOW:HIDDEN;OVERFLOW-Y:HIDDEN'>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="76" valign="top">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td colspan="3" class="topTd"><img src="image/logo.gif" width="130" height="64"></td>
		  </tr>
		  <tr>
		    <td width="406" class="topLeft" height="30"><span style="color:#444444">系统管理员 欢迎您　</span> <span style="color:#0871ee">支持热线(010-00000000)　</span> <span style="color:#ed4101">使用帮助　</span> <span style="color:#0871ee">联系我们</span> </td>
	        <td width="17"><img src="image/topButLine.gif" width="36" height="30"></td>
	        <td width="568" class="topRight"><img src="image/icon/gzt.gif" width="16" height="15" align="absmiddle"> 工作台| <img src="image/icon/wdxx.gif" width="16" height="12"> 我的消息(0) | <img src="image/icon/wdzh.gif" width="16" height="16" align="absmiddle"> 我的账户 | <img src="image/icon/tc.gif" width="10" height="10" align="absmiddle"> 退出 | <img src="image/icon/bz.gif" width="16" height="15" align="absmiddle"> 帮助 | <img src="image/icon/gy.gif" width="16" height="16" align="absmiddle"> 关于</td>
		  </tr>
    	</table>	</td>
  </tr>
   <tr>
    <td height="6"></td>
  </tr>
  <tr>
    <td valign="top">
		<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" id="left_tree_main">
		  <tr>
			<td width="159" height="100%" valign="top" id="leftT">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="27" colspan="2" align="center" background="image/left_main_bg.gif"><span style="color:#004e7b; font-size:14px; font-weight:bold;">操作菜单</span></td>
              </tr>
              <tr>
                <td width="80%" class="f_td"><img align="absmiddle" src="image/left_tree1.gif" width="17" height="20"> 客户管理</td>
                <td width="20%" class="f_td"><img src="image/left_tree_open.gif" width="15" height="15" style="cursor:pointer;" class="left_treeControl1"></td>
              </tr>
              <tr class="left_tree1">
                <td colspan="2">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="subTreeTable">
					  <tr>
						<td><img align="absmiddle" src="image/left_tree1_1.gif" width="16" height="16"> 客户拜访</td>
					  </tr>
					  <tr>
						<td><img align="absmiddle" src="image/left_tree1_2.gif" width="16" height="17"> 联系人列表</td>
					  </tr>
					  <tr>
						<td><img align="absmiddle" src="image/left_tree1_3.gif" width="15" height="17"> 联系记录列表</td>
					  </tr>
					  <tr>
					    <td><img align="absmiddle" src="image/left_tree1_4.gif" width="16" height="16"> 防重名策略</td>
				      </tr>
				</table></td>
			  </tr>
				   <tr>
                <td class="f_td"><img align="absmiddle" src="image/left_tree2.gif" width="17" height="20"> 销售管理</td>
                <td class="f_td"><img src="image/left_tree_open.gif" width="15" height="15" style="cursor:pointer;" class="left_treeControl2"></td>
		      </tr>
              <tr class="left_tree2">
                <td colspan="2">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="subTreeTable">
					  <tr>
						<td><img align="absmiddle" src="image/left_tree2_1.gif" width="16" height="16"> 客户拜访</td>
					  </tr>
					  <tr>
						<td><img align="absmiddle" src="image/left_tree2_2.gif" width="16" height="17"> 联系人列表</td>
					  </tr>
					  <tr>
						<td><img align="absmiddle" src="image/left_tree2_3.gif" width="15" height="17"> 联系记录列表</td>
					  </tr>
					  <tr>
					    <td><img align="absmiddle" src="image/left_tree2_4.gif" width="16" height="16"> 防重名策略</td>
				      </tr>
				</table></td>
			  </tr>
				</table>
			</td>
			<td width="8" class="center_control" valign="middle"><img src="image/index_center_control.jpg" id="center_control_img"></td>
			<td valign="top">
				<iframe src="workdesk.html" width="100%" height="100%" frameborder="0"></iframe>
			</td>
		  </tr>
	  </table>
	</td>
  </tr>
</table>
</body>
</html>
